/** 清除浮动 */
%clearfix {
  &::after {
    --at-apply: content[ ''] table clear-both;
  }
}

/** 美化原生滚动条 */
%scrollbar {
  // 整个滚动条
  &::-webkit-scrollbar {
    --at-apply: w-8 h-8;
  }

  // 滚动条上的滚动滑块
  &::-webkit-scrollbar-thumb {
    --at-apply: rounded-4 bg-[#90939955];
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: #90939977;
  }

  &::-webkit-scrollbar-thumb:active {
    background-color: #90939999;
  }

  // 当同时有垂直滚动条和水平滚动条时交汇的部分
  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }
}

/** 文本溢出时显示省略号 */
%ellipsis {
  --at-apply: text-ellipsis whitespace-nowrap overflow-hidden;
}

%el-header-bg-color {
  --el-table-header-bg-color: linear-gradient(
    to right,
    #132239 0%,
    #1b75ff 51%,
    rgba(19, 34, 57, 0.22) 100%
  ) !important;
  --el-table-header-text-color: #fff !important;
  --el-table-text-color: #cfcfcf !important;
  --el-table-bg-color: #081530 !important;
  --el-table-tr-bg-color: #081530 !important;
}
